<template>
  <div class="l-echart-video"
       :style="styleSizeName"
       ref="main"
       @click="handleClick">
    <video controls=""
           autoplay=""
           loop=""
           :width="width"
           :height="height"
           style="object-fit: fill">
      <source :src="dataChart.value" />
    </video>
  </div>
</template>

<script>
import init from "../mixins/common";
export default {
    mixins:[init],
    data () {
        return {};
    },
    computed: {},
    created () { },
    mounted () { },
    methods: {
        handleClick () {
        this.clickFormatter({
            data: this.dataChart
        }, this.getItemRefs());
        }
    },
    props: {
        option: {
        type: Object,
        default: () => {
            return {};
        }
        }
    }
};
</script>


